<template>
  <div class="set">
    <header><HeaderPublc></HeaderPublc></header>
    <div class="container">
      <div class="aside"  ><setPublc></setPublc></div>
      <div class="main" id="main" ><cent></cent></div>
    </div>
  </div>
</template>
<style scoped>
  .set{width: 100%;height: 100%;background: #ecf0f1}
  .set header{width: 100%;height:60px}
  .set .container{height: 100%;background: #F8F5F5}
  .set .container .aside{width: auto;height: 100%;float: left;background: #545c64;margin-right: 20px;}
   footer{width: 100%;clear: both }
  .set .container .main{float: left;width:80% }
  .set .container .show .main{margin-left: 80px}
  body{background-color:#f7f7f7}
</style>
<script>
  import setPublc from '@/components/public/set'
  import HeaderPublc from '@/components/public/herder'
  import cent from '@/components/admin/list/oderList'
  import {mapState, mapActions} from 'vuex'
  export default {
    name: 'my-BusinessConfig',
    data () {
      return {
        fromData: {
          userName: null, // 账号
          password: null, // 密码
          clientType: 1 // 客户端类型
        },
        remember: false, // 是否记住密码
        error: false, // 登陆是否成功
        defaultLayers: null,
        ui: null,
        list: [],
        bubble: null,
        routeInstructionsContainer: null,
        input: null
      }
    },
    methods: {
      login () {
        this.$router.push({ name: 'map' })
      }
    },
    computed: {
      ...mapState([
        'addOderData',
        'updateStatus',
        'language',
        'show'
      ])
    },
    mounted () {
      var width = document.body.clientWidth;
      var dom = document.getElementById('main');
      var w = width-300;
      dom.style = 'max-width:'+ w +'px';
    },
    components: {
      HeaderPublc: HeaderPublc,
      cent: cent,
      setPublc:setPublc,
    }
  }
</script>

